<!doctype html>
<html lang="zh-Hans">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/css/fontawesome.min.css">
  <link rel="stylesheet" href="assets/plugins/overlayscrollbars/css/OverlayScrollbars.min.css">
  <link rel="stylesheet" href="assets/css/backend.css">
  <title>Fresns 管理中心</title>
</head>

<body>
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark fresns-navbar">
    <a class="navbar-brand" href="#"><img src="assets/images/logo.png" height="30" alt="Fresns"></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item"><a class="nav-link" href="index.html">仪表盘</a></li>
        <li class="nav-item"><a class="nav-link" href="system-language.html">系统</a></li>
        <li class="nav-item"><a class="nav-link" href="operating-user.html">运营</a></li>
        <li class="nav-item active"><a class="nav-link" href="themes.html">主题</a></li>
        <li class="nav-item"><a class="nav-link" href="plugins.html">插件</a></li>
        <li class="nav-item"><a class="nav-link" href="clients.html">客户端</a></li>
        <li class="nav-item"><a class="nav-link" href="store.html">应用市场</a></li>
      </ul>
      <span class="navbar-text">admin <a href="#">[退出]</a> <a href="https://fresns.cn" target="_blank">站点首页</a></span>
    </div>
  </nav>

  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-3 col-xl-2 fresns-sidebar">
        <h3 class="d-none d-sm-block">主题</h3>
        <button class="btn btn-primary btn-block d-block d-sm-none" type="button" data-toggle="collapse" data-target="#sidebarNav" aria-controls="sidebarNav" aria-expanded="true">
          <i class="fas fa-list-ul"></i> 主题
        </button>
        <div class="collapse show" id="sidebarNav">
          <ul class="nav flex-column">
            <li class="nav-item"><a class="nav-link" href="themes.html"><i class="fas fa-palette"></i> 主题管理</a></li>
            <li class="nav-item"><a class="nav-link" href="theme-menus.html"><i class="fas fa-bars"></i> 菜单设置</a></li>
            <li class="nav-item"><a class="nav-link active" href="theme-fresns.html"><i class="fas fa-cog"></i> Fresns 设置</a></li>
            <li class="nav-item"><a class="nav-link" href="theme-discuzx.html"><i class="fas fa-cog"></i> Discuz X 设置</a></li>
          </ul>
          <div class="fresns-copyright">
            <p>Powered by Fresns</p>
          </div>
        </div>
      </div>

      <div class="col-sm-9 col-xl-10 fresns-content">
        <h3>Fresns 设置</h3>
        <!-- Setting Start -->
        <form>
          <ul class="nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item"><a class="nav-link active" id="general-tab" data-toggle="tab" href="#general" role="tab" aria-controls="general" aria-selected="true">常规选项</a></li>
            <li class="nav-item"><a class="nav-link" id="navbar-tab" data-toggle="tab" href="#navbar" role="tab" aria-controls="navbar" aria-selected="false">电脑端菜单</a></li>
            <li class="nav-item"><a class="nav-link" id="extend-tab" data-toggle="tab" href="#extend" role="tab" aria-controls="extend" aria-selected="false">扩展频道菜单</a></li>
            <li class="nav-item"><a class="nav-link" id="rename-tab" data-toggle="tab" href="#rename" role="tab" aria-controls="rename" aria-selected="false">自定义名称</a></li>
          </ul>
          <div class="tab-content tab-addons" id="myTabContent">
            <!-- Setting -->
            <div class="tab-pane fade show active" id="general" role="tabpanel" aria-labelledby="general-tab">
              <!-- Divider -->
              <label class="item-title">主页栏目：</label>
              <div class="form-group row">
                <div class="col-md-3 col-sm-6">
                  <div class="input-group mb-3">
                    <div class="input-group-prepend"><div class="input-group-text"><input type="checkbox" id="Fresns_portal_status"></div></div>
                    <div class="input-group-prepend"><span class="input-group-text">门户</span></div>
                    <input type="number" class="form-control" value="1">
                  </div>
                  <div class="input-group mb-3">
                    <div class="input-group-prepend"><div class="input-group-text"><input type="checkbox" id="Fresns_follow_status" checked></div></div>
                    <div class="input-group-prepend"><span class="input-group-text">关注</span></div>
                    <input type="number" class="form-control" value="2">
                  </div>
                  <div class="input-group mb-3">
                    <div class="input-group-prepend"><div class="input-group-text"><input type="checkbox" id="Fresns_square_status" checked></div></div>
                    <div class="input-group-prepend"><span class="input-group-text">广场</span></div>
                    <input type="number" class="form-control" value="3">
                  </div>
                  <div class="input-group mb-3">
                    <div class="input-group-prepend"><div class="input-group-text"><input type="checkbox" id="Fresns_nearby_status"></div></div>
                    <div class="input-group-prepend"><span class="input-group-text">附近</span></div>
                    <input type="number" class="form-control" value="4">
                  </div>
                </div>
                <label class="col-md-9 col-sm-6 col-form-label">主页顶部 Tab 信息流<br>勾选代表启用并显示，输入框是排列顺序</label>
              </div>
              <!-- Divider -->
              <label class="item-title">主页 Banner 页头图片：</label>
              <div class="form-group row">
                <div class="col-sm-6">
                  <div class="input-group mb-3">
                    <div class="input-group-prepend">
                      <span class="input-group-text">是否显示</span>
                    </div>
                    <div class="form-control">
                      <div class="custom-control custom-radio custom-control-inline">
                        <input type="radio" id="Fresns_home_banner_true" name="Fresns_home_banner" value="true" class="custom-control-input" checked>
                        <label class="custom-control-label" for="Fresns_home_banner_true">显示</label>
                      </div>
                      <div class="custom-control custom-radio custom-control-inline">
                        <input type="radio" id="Fresns_home_banner_false" name="Fresns_home_banner" value="false" class="custom-control-input">
                        <label class="custom-control-label" for="Fresns_home_banner_false">隐藏</label>
                      </div>
                    </div>
                  </div>
                  <div class="input-group mb-3">
                    <div class="input-group-prepend">
                      <span class="input-group-text">图片地址</span>
                    </div>
                    <input type="url" class="form-control" id="Fresns_home_banner_url" placeholder="URL 地址" value="https://cdn.fresns.cn/default/banner.png">
                  </div>
                </div>
                <label class="col-sm-6 col-form-label"></label>
              </div>
              <!-- Divider -->
              <label class="item-title">移动端 TabBar 频道：</label>
              <div class="form-group row">
                <div class="col-md-6">
                  <div class="input-group mb-3">
                    <div class="input-group-prepend"><div class="input-group-text"><input type="checkbox" id="Fresns_tabbar_home_status" checked disabled></div></div>
                    <div class="input-group-prepend"><span class="input-group-text">主页</span></div>
                    <input type="url" class="form-control" value="https://cdn.fresns.cn/tabbar/home.png">
                    <input type="url" class="form-control" value="https://cdn.fresns.cn/tabbar/home-active.png">
                  </div>
                  <div class="input-group mb-3">
                    <div class="input-group-prepend"><div class="input-group-text"><input type="checkbox" id="Fresns_tabbar_category_status"></div></div>
                    <div class="input-group-prepend"><span class="input-group-text">小组</span></div>
                    <input type="url" class="form-control" value="https://cdn.fresns.cn/tabbar/category.png">
                    <input type="url" class="form-control" value="https://cdn.fresns.cn/tabbar/category-active.png">
                  </div>
                  <div class="input-group mb-3">
                    <div class="input-group-prepend"><div class="input-group-text"><input type="checkbox" id="Fresns_tabbar_portal_status"></div></div>
                    <div class="input-group-prepend"><span class="input-group-text">门户</span></div>
                    <input type="url" class="form-control" value="https://cdn.fresns.cn/tabbar/portal.png">
                    <input type="url" class="form-control" value="https://cdn.fresns.cn/tabbar/portal-active.png">
                  </div>
                  <div class="input-group mb-3">
                    <div class="input-group-prepend"><div class="input-group-text"><input type="checkbox" id="Fresns_tabbar_extend_status"></div></div>
                    <div class="input-group-prepend"><span class="input-group-text">扩展</span></div>
                    <input type="url" class="form-control" value="https://cdn.fresns.cn/tabbar/extend.png">
                    <input type="url" class="form-control" value="https://cdn.fresns.cn/tabbar/extend-active.png">
                  </div>
                  <div class="input-group mb-3">
                    <div class="input-group-prepend"><div class="input-group-text"><input type="checkbox" id="Fresns_tabbar_me_status" checked disabled></div></div>
                    <div class="input-group-prepend"><span class="input-group-text">我的</span></div>
                    <input type="url" class="form-control" value="https://cdn.fresns.cn/tabbar/me.png">
                    <input type="url" class="form-control" value="https://cdn.fresns.cn/tabbar/me-active.png">
                  </div>
                </div>
                <label class="col-md-6 col-form-label">客户端 TabBar 频道，勾选代表启用并显示<br>输入框是图标图片地址，第二个是选中状态图标<br>这里的“门户”和主页栏目的“门户”是同一个内容，可选是否在 TabBar 栏显示</label>
              </div>
              <!-- Divider -->
              <label class="item-title">移动端 TabBar 频道文字设置：</label>
              <div class="form-group row">
                <div class="col-sm-6">
                  <div class="input-group mb-3">
                    <div class="input-group-prepend">
                      <span class="input-group-text">文字是否显示</span>
                    </div>
                    <div class="form-control">
                      <div class="custom-control custom-radio custom-control-inline">
                        <input type="radio" id="Fresns_tabbar_text_true" name="Fresns_tabbar_text" value="true" class="custom-control-input" checked>
                        <label class="custom-control-label" for="Fresns_tabbar_text_true">显示</label>
                      </div>
                      <div class="custom-control custom-radio custom-control-inline">
                        <input type="radio" id="Fresns_tabbar_text_false" name="Fresns_tabbar_text" value="false" class="custom-control-input">
                        <label class="custom-control-label" for="Fresns_tabbar_text_false">隐藏</label>
                      </div>
                    </div>
                  </div>
                  <div class="input-group mb-3">
                    <div class="input-group-prepend">
                      <span class="input-group-text">文字默认颜色</span>
                    </div>
                    <input type="color" class="form-control" id="Fresns_tabbar_color" value="#000000">
                  </div>
                  <div class="input-group mb-3">
                    <div class="input-group-prepend">
                      <span class="input-group-text">文字选中颜色</span>
                    </div>
                    <input type="color" class="form-control" id="Fresns_tabbar_color_active" value="#7952b3">
                  </div>
                </div>
                <label class="col-sm-6 col-form-label"></label>
              </div>
              <!-- Divider -->
              <label class="item-title">扩展频道设置：</label>
              <div class="form-group row">
                <div class="col-sm-6">
                  <div class="input-group mb-3">
                    <div class="input-group-prepend">
                      <span class="input-group-text">显示方式</span>
                    </div>
                    <div class="form-control">
                      <div class="custom-control custom-radio custom-control-inline">
                        <input type="radio" id="Fresns_extend_view_list" name="Fresns_extend_view" value="list" class="custom-control-input" checked>
                        <label class="custom-control-label" for="Fresns_extend_view_list">列表模式</label>
                      </div>
                      <div class="custom-control custom-radio custom-control-inline">
                        <input type="radio" id="Fresns_extend_view_grid" name="Fresns_extend_view" value="grid" class="custom-control-input">
                        <label class="custom-control-label" for="Fresns_extend_view_grid">宫格模式</label>
                      </div>
                    </div>
                  </div>
                </div>
                <label class="col-sm-6 col-form-label"></label>
              </div>
            </div>
            <!-- Navbar -->
            <div class="tab-pane fade " id="navbar" role="tabpanel" aria-labelledby="navbar-tab">
              <div class="table-responsive">
                <table class="table table-hover">
                  <thead class="thead-light">
                    <tr>
                      <th scope="col">显示顺序</th>
                      <th scope="col">菜单名称</th>
                      <th scope="col">菜单图标</th>
                      <th scope="col">链接</th>
                      <th scope="col">显示状态</th>
                      <th scope="col">操作</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td class="align-middle"><input type="number" class="form-control" value="1" style="width:60px;"></td>
                      <td class="align-middle"><button type="button" class="btn btn-outline-secondary btn-block text-left" data-toggle="modal" data-target="#multi-language">首页</button></td>
                      <td class="align-middle"><input type="url" class="form-control" value="https://cdn.fresns.cn/navbar/home.png"></td>
                      <td class="align-middle"><input type="url" class="form-control" value="https://fresns.cn"></td>
                      <td class="align-middle">
                        <div class="custom-control custom-switch">
                          <input type="checkbox" class="custom-control-input" id="display_icon" checked>
                          <label class="custom-control-label" for="display_icon">是否显示</label>
                        </div>
                      </td>
                      <td class="align-middle">
                        <button type="button" class="btn btn-link btn-sm text-info">删除</button>
                      </td>
                    </tr>
                    <tr>
                      <td class="align-middle" colspan="5">
                        <button type="button" class="btn btn-sm btn-link"><i class="fas fa-plus-circle"></i> 新增</button>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
            <!-- Extend Setting -->
            <div class="tab-pane fade " id="extend" role="tabpanel" aria-labelledby="extend-tab">
              <div class="table-responsive">
                <table class="table">
                  <thead class="thead-light">
                    <tr>
                      <th scope="col" style="width:8%;">显示顺序</th>
                      <th scope="col" style="width:18%;">关联应用</th>
                      <th scope="col" style="width:18%;">应用名称</th>
                      <th scope="col" style="width:48%;">应用图标</th>
                      <th scope="col" style="width:8%;">操作</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td class="align-middle"><input type="number" class="form-control" value="1"></td>
                      <td class="align-middle">
                        <select class="custom-select">
                          <option>附近的人</option>
                          <option>每日打卡</option>
                          <option>中文产品库</option>
                          <option selected>商城</option>
                        </select>
                      </td>
                      <td class="align-middle"><button type="button" class="btn btn-outline-secondary btn-block text-left" data-toggle="modal" data-target="#multi-language">每日特价</button></td>
                      <td class="align-middle"><input type="url" class="form-control" value="https://cdn.fresns.cn/channel/mall.png"></td>
                      <td class="align-middle">
                        <button type="button" class="btn btn-link btn-sm text-info">删除</button>
                      </td>
                    </tr>
                    <tr>
                      <td class="align-middle"><input type="number" class="form-control" value="2"></td>
                      <td class="align-middle" colspan="3"><hr></td>
                      <td class="align-middle">
                        <button type="button" class="btn btn-link btn-sm text-info">删除</button>
                      </td>
                    </tr>
                    <tr>
                      <td class="align-middle"><input type="number" class="form-control" value="3"></td>
                      <td class="align-middle">
                        <select class="custom-select">
                          <option>附近的人</option>
                          <option>每日打卡</option>
                          <option selected>中文产品库</option>
                          <option>商城</option>
                        </select>
                      </td>
                      <td class="align-middle"><button type="button" class="btn btn-outline-secondary btn-block text-left" data-toggle="modal" data-target="#multi-language">产品百科</button></td>
                      <td class="align-middle"><input type="url" class="form-control" value="https://cdn.fresns.cn/channel/wiki.png"></td>
                      <td class="align-middle">
                        <button type="button" class="btn btn-link btn-sm text-info">删除</button>
                      </td>
                    </tr>
                    <tr>
                      <td class="align-middle" colspan="6">
                        <button type="button" class="btn btn-sm btn-link"><i class="fas fa-plus-circle"></i> 新增扩展</button>
                        <button type="button" class="btn btn-sm btn-link"><i class="far fa-minus-square"></i> 新增分隔</button>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
            <!-- Extend Setting End -->
            <!-- Rename Setting -->
            <div class="tab-pane fade" id="rename" role="tabpanel" aria-labelledby="rename-tab">
              <div class="alert alert-secondary" role="alert">
                客户端支持多语言，多语言“变量名”以 <a href="https://www.w3schools.com/tags/ref_language_codes.asp" target="_blank">HTML ISO Language Code</a> 为标准。
              </div>
              <!-- portal_name Setting -->
              <label class="item-title"><span class="badge badge-pill badge-success">栏目</span> 门户自定义名称：</label>
              <div class="form-group row">
                <div class="col-md-4 col-sm-6">
                  <textarea class="form-control" id="Fresns_portal_name" rows="3">zh-Hans:推荐
zh-Hant:推薦
en:Home</textarea>
                </div>
                <label class="col-md-8 col-sm-6 col-form-label">例如“首页”、“推荐”等命名</label>
              </div>
              <!-- follow_name Setting -->
              <label class="item-title"><span class="badge badge-pill badge-success">栏目</span> 关注自定义名称：</label>
              <div class="form-group row">
                <div class="col-md-4 col-sm-6">
                  <textarea class="form-control" id="Fresns_follow_name" rows="3">zh-Hans:关注
zh-Hant:關注
en:Follow</textarea>
                </div>
                <label class="col-md-8 col-sm-6 col-form-label">例如“关注”、“我的关注 ”等命名</label>
              </div>
              <!-- square_name Setting -->
              <label class="item-title"><span class="badge badge-pill badge-success">栏目</span> 广场自定义名称：</label>
              <div class="form-group row">
                <div class="col-md-4 col-sm-6">
                  <textarea class="form-control" id="Fresns_square_name" rows="3">zh-Hans:广场
zh-Hant:廣場
en:All</textarea>
                </div>
                <label class="col-md-8 col-sm-6 col-form-label">例如“全部”、“整站”等命名</label>
              </div>
              <!-- nearby_name	 Setting -->
              <label class="item-title"><span class="badge badge-pill badge-success">栏目</span> 附近自定义名称：</label>
              <div class="form-group row">
                <div class="col-md-4 col-sm-6">
                  <textarea class="form-control" id="Fresns_nearby_name" rows="3">zh-Hans:附近
zh-Hant:附近
en:Nearby</textarea>
                </div>
                <label class="col-md-8 col-sm-6 col-form-label">例如“附近”、“同城”等命名</label>
              </div>
              <!-- category_name Setting -->
              <label class="item-title"><span class="badge badge-pill badge-primary">频道</span> 小组自定义名称：</label>
              <div class="form-group row">
                <div class="col-md-4 col-sm-6">
                  <textarea class="form-control" id="Fresns_category_name" rows="3">zh-Hans:小组
zh-Hant:分類
en:Group</textarea>
                </div>
                <label class="col-md-8 col-sm-6 col-form-label">例如“版区”、“圈子”、“小组”等命名</label>
              </div>
              <!-- extend_name Setting -->
              <label class="item-title"><span class="badge badge-pill badge-primary">频道</span> 扩展自定义名称：</label>
              <div class="form-group row">
                <div class="col-md-4 col-sm-6">
                  <textarea class="form-control" id="Fresns_extend_name" rows="3">zh-Hans:发现
zh-Hant:發現
en:Discover</textarea>
                </div>
                <label class="col-md-8 col-sm-6 col-form-label">例如“频道”、“星球”、“工作台”等命名</label>
              </div>
              <!-- portal_name Setting -->
              <label class="item-title"><span class="badge badge-pill badge-primary">频道</span> 门户自定义名称：</label>
              <div class="form-group row">
                <div class="col-md-4 col-sm-6">
                  <textarea class="form-control" id="Fresns_extend_name" rows="3">zh-Hans:频道
zh-Hant:頻道
en:Channel</textarea>
                </div>
                <label class="col-md-8 col-sm-6 col-form-label">例如“频道”、“推荐”、“发现”等命名</label>
              </div>
            </div>
            <!-- Rename Setting End -->
          </div>

          <!-- Form Submit -->
          <button type="submit" class="btn btn-primary btn-addons">保存</button>
        </form>
        <!-- Setting End -->
      </div>
    </div>
  </div>

  <!-- Modal -->
  <div class="modal fade" id="multi-language" tabindex="-1" role="dialog" aria-labelledby="multi-language" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">多语言名称</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="alert alert-secondary" role="alert">
            客户端支持多语言，共三种，分别是简体中文、繁体中文、英文，以 <a href="https://www.w3schools.com/tags/ref_language_codes.asp" target="_blank">HTML ISO Language Code</a> 为变量名。
          </div>
          <textarea class="form-control" id="language_name" rows="3">zh-Hans:每日特价
zh-Hant:每日特價
en:Today's Deals</textarea>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-success">确认</button>
        </div>
      </div>
    </div>
  </div>

  <!-- JavaScript -->
  <script src="assets/js/jquery-3.5.1.slim.min.js"></script>
  <script src="assets/js/bootstrap.bundle.min.js"></script>
  <script src="assets/plugins/overlayscrollbars/js/jquery.overlayScrollbars.min.js"></script>
  <script src="assets/js/backend.js"></script>
</body>

</html>